<template>
    <div class="shouye">
        <div class="shouHeader">
            <div class="shouInner">
                <ShouHeader></ShouHeader>
            </div>
            <LunBo></LunBo>
        </div>
        <div class="shouInner">
            <ShouNav></ShouNav>
            <Tishi></Tishi>
            <XiaoLunBo></XiaoLunBo>
            <ShangPin></ShangPin>
        </div>

    </div>
</template>

<script>
import ShouHeader from '../components/shouye/ShouHeader'
import LunBo from '../components/shouye/LunBo'
import ShouNav from '../components/shouye/ShouNav'
import Tishi from '../components/shouye/Tishi'
import XiaoLunBo from '../components/shouye/XiaoLunBo'
import ShangPin from '../components/shouye/ShangPin'
export default {
    components: {
        ShouHeader,
        LunBo,
        ShouNav,
        Tishi,
        XiaoLunBo,
        ShangPin
    }
}
</script>

<style lang="scss" scoped>
.shouye {
    min-height:100% ;
    overflow: auto;
    .shouHeader {
        background-color: #F0A552;
    }

    .shouInner {
        width: 94%;
        margin: 0 auto;
        // border: 1px solid red;
    }
}
</style>